 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/channels4_profile.jpg){kind=small}
freeCodeCamp Español
Verificada
80.746 visualizaciones • 10 nov 2022 • Cursos Completos
📌 Curso de HTML y CSS: https://www.youtube.com/watch?v=XqFR2...
⭐️ Código ⭐️
Ejemplos de Bootstrap: https://github.com/estefaniacn/bootst...
Proyecto: https://github.com/estefaniacn/portaf...
⭐️ Contenido del curso ⭐️
⌨️ (00:00:00) Introducción
⌨️ (00:01:39) Nuestro proyecto
⌨️ (00:12:54) Descargar e instalar Visual Studio Code
⌨️ (00:19:13) Extensión Live Server
⌨️ (00:22:12) Herramientas de desarrollo de Chrome
Introducción a Bootstrap
⌨️ (00:36:20) Introducción
⌨️ (00:43:31) Tres pilares de Bootstrap
⌨️ (00:45:02) La grid de Bootstrap
⌨️ (00:52:57) Breakpoints en Bootstrap
⌨️ (00:58:03) Estructura de la grid de Bootstrap
⌨️ (01:01:54) Contenedores en Bootstrap
⌨️ (01:03:40) Contenedores (ejemplo)
⌨️ (01:18:09) Estructura de la grid (filas y columnas)
⌨️ (01:30:30) La grid de Bootstrap con breakpoints
⌨️ (01:36:53) Componentes de Bootstrap
⌨️ (01:43:32) Componentes (ejemplo)
⌨️ (01:47:11) Íconos de Bootstrap
⌨️ (01:51:12) Íconos (ejemplo)
⌨️ (01:57:05) Flexbox
Proyecto
⌨️ (02:10:13) Añadir Bootstrap al proyecto
⌨️ (02:18:30) Favicon y metadatos
⌨️ (02:28:27) Barra de navegación
⌨️ (02:42:08) Sección hero
⌨️ (03:05:48) Sección "Sobre mí"
⌨️ (03:15:19) Sección de experiencia
⌨️ (03:36:33) Sección de proyectos
⌨️ (04:02:54) Sección de artículos
⌨️ (04:13:10) Sección de testimonios
⌨️ (04:32:30) Sección de contacto
⌨️ (04:45:14) Footer y redes sociales
⌨️ (04:59:20) Enlaces internos
Final
⌨️ (05:03:43) Felicitaciones
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita: https://www.freecodecamp.org/espanol/...
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: https://www.youtube.com/freecodecampe...
Capítulos
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault_4333.jpg)
Introducción
Introducción
0:00
Introducción
0:00
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault_99066.jpg)
Nuestro proyecto
Nuestro proyecto
1:39
Nuestro proyecto
1:39
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault_775800.jpg)
Descargar e instalar Visual Studio Code
Descargar e instalar Visual Studio Code
12:54
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault_1174766.jpg)
Extensión Live Server
Extensión Live Server
19:13
Extensión Live Server
19:13
Herramientas de desarrollo de Chrome
Herramientas de desarrollo de Chrome
22:12
Introducción
Introducción
36:20
Introducción
36:20
Tres pilares de Bootstrap
Tres pilares de Bootstrap
43:31
La grid de Bootstrap
La grid de Bootstrap
45:02
La grid de Bootstrap
45:02
Lista de reproducción destacada
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/mqdefault.jpg)
Aprende Bootstrap 5 - Curso de Bootstrap desde Cero
freeCodeCamp Español
Verificada
📌 Curso de HTML y CSS: https://www.youtube.com/watch?v=XqFR2...
⭐️ Código ⭐️
Ejemplos de Bootstrap: https://github.com/estefaniacn/bootst...
Proyecto: https://github.com/estefaniacn/portaf...
⭐️ Contenido del curso ⭐️
⌨️ (00:00:00) Introducción
⌨️ (00:01:39) Nuestro proyecto
⌨️ (00:12:54) Descargar e instalar Visual Studio Code
⌨️ (00:19:13) Extensión Live Server
⌨️ (00:22:12) Herramientas de desarrollo de Chrome
Introducción a Bootstrap
⌨️ (00:36:20) Introducción
⌨️ (00:43:31) Tres pilares de Bootstrap
⌨️ (00:45:02) La grid de Bootstrap
⌨️ (00:52:57) Breakpoints en Bootstrap
⌨️ (00:58:03) Estructura de la grid de Bootstrap
⌨️ (01:01:54) Contenedores en Bootstrap
⌨️ (01:03:40) Contenedores (ejemplo)
⌨️ (01:18:09) Estructura de la grid (filas y columnas)
⌨️ (01:30:30) La grid de Bootstrap con breakpoints
⌨️ (01:36:53) Componentes de Bootstrap
⌨️ (01:43:32) Componentes (ejemplo)
⌨️ (01:47:11) Íconos de Bootstrap
⌨️ (01:51:12) Íconos (ejemplo)
⌨️ (01:57:05) Flexbox
Proyecto
⌨️ (02:10:13) Añadir Bootstrap al proyecto
⌨️ (02:18:30) Favicon y metadatos
⌨️ (02:28:27) Barra de navegación
⌨️ (02:42:08) Sección hero
⌨️ (03:05:48) Sección "Sobre mí"
⌨️ (03:15:19) Sección de experiencia
⌨️ (03:36:33) Sección de proyectos
⌨️ (04:02:54) Sección de artículos
⌨️ (04:13:10) Sección de testimonios
⌨️ (04:32:30) Sección de contacto
⌨️ (04:45:14) Footer y redes sociales
⌨️ (04:59:20) Enlaces internos
Final
⌨️ (05:03:43) Felicitaciones
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/
✍️ Lee cientos de artículos de programación de forma gratuita: https://www.freecodecamp.org/espanol/...
🎥 Suscríbete a nuestro canal para encontrar más videos y cursos de programación: https://www.youtube.com/freecodecampe...
Capítulos
Introducción
Introducción
0:00
Introducción
0:00
Nuestro proyecto
Nuestro proyecto
1:39
Nuestro proyecto
1:39
Descargar e instalar Visual Studio Code
Descargar e instalar Visual Studio Code
12:54
Extensión Live Server
Extensión Live Server
19:13
Extensión Live Server
19:13
Herramientas de desarrollo de Chrome
Herramientas de desarrollo de Chrome
22:12
Introducción
Introducción
36:20
Introducción
36:20
Tres pilares de Bootstrap
Tres pilares de Bootstrap
43:31
La grid de Bootstrap
La grid de Bootstrap
45:02
La grid de Bootstrap
45:02
Lista de reproducción destacada
348 comentarios
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/unnamed(1).jpg){kind=small}
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/channels4_profile(1).jpg){kind=small}
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/emoji_u2b50.png)
¡Hola a todos! Espero que les guste el curso. Aprenderán los fundamentos de Bootstrap paso a paso creando su página web de portafolio. Los invito a compartir sus comentarios. Muchas gracias a todos por su apoyo.  Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/emoji_u1f642.png)
42
Me gusta
No me gusta
freeCodeCamp Español lo ha marcado con un ❤
¡Hola a todos! Esperamos que les guste el nuevo curso de Bootstrap. En la descripción pueden encontrar un enlace al código de los ejemplos y del proyecto en GitHub y las marcas de tiempo con los temas del curso. Los invitamos a compartir sus comentarios.  Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/emoji_u1f44d.png)
¿Listos para aprender Bootstrap?
132
Me gusta
No me gusta
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/unnamed(2).jpg){kind=small}
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/emoji_u1f9e1.png)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/emoji_u1f917.png)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/emoji_u1f37e.png)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/emoji_u1f942.png)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hf90Xv-jHeOR8gSxxrToBA.png)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/8gF1Xp_zK8jk8gSDrI2wCw.png)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault.jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(1).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(2).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(3).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(4).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(5).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(6).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(7).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(8).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(9).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(10).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(11).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(12).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(13).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(14).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(15).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(16).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(17).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(18).jpg)
 Aprende Bootstrap 5 - Curso de Bootstrap desde Cero - YouTube_files/hqdefault(19).jpg)
